Vue.component("title-bg", {
  template: '<div class="title flex"><div> {{ title }}</div></div>',
  props: {
    title: String,
  },
});
Vue.component("bed-all", {
  template:
    '<div class="bedAll flex"><div class="bed_num">{{ bednum }}<span>个</span></div><img src="./media/img/诊室总床位.png" /><p>床位总数</p></div>',
  props: {
    bednum: Number,
  },
});
Vue.component("bed-info", {
  template: `<div class="bed_info_item used flex">
          <slot></slot>
            <div class="used_num" :class="isused">
               <p>
               {{ title }}
              </p> 
              <div class="num">{{ num }} <span>个</span>
              </div>
              </div>  
          </div>`,
  props: {
    num: Number,
    isused: Boolean,
    title: String,
  },
});
